@charset "UTF-8";
/* 
CSS By Away
http://www.dfuns.idv.tw
*/

body{ background: #FCEDB6 url(images/bg.jpg) repeat-x; font:90%/1.5 "微軟正黑體","新細明體", "細明體", "標楷體"; color:#333;}
.wrap{ width:800px; margin:30px auto;}
.header a{ background-image:url(images/logo.png); display:block; width:220px; height:50px; text-indent:-9999px; margin-bottom:10px;}

.navi{
    border:solid 1px #333; 
    border-radius:10px; 
    padding:7px 0; 
    overflow:hidden; 
    box-shadow:0 0 5px #666;
    background-color: hsla( 200, 100%, 20%, 1);
    background-image: -moz-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);
    background-image: -webkit-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);
    background-image: -o-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);
    background-image: -ms-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);
    /*border: 1px red dashed;*/
}
.navi li{ 
    height:25px; 
    float:left; 
    list-style:none; 
    padding: 0 10px; 
    margin-left:-1px; 
    border-left: dotted 1px #999;
}
.navi li a{
    display:block; 
    color:#FFF; 
    text-align:center; 
    text-decoration:none; 
    padding:5px; 
    letter-spacing:.1em; 
    text-shadow:0 0 3px #FFF; 
    font:13px/1em Arial, Helvetica, sans-serif;
    -moz-transition:margin-top .5s ease-out;
    -webkit-transition:margin-top .5s ease-out;
    -o-transition:margin-top .5s ease-out;
    -ms-transition:margin-top .5s ease-out;
}
.navi li a:hover{ margin-top:-41px;}
.navi li:nth-child(1) a:after, .navi li:nth-child(2) a:after, .navi li:nth-child(3) a:after,
.navi li:nth-child(4) a:after, .navi li:nth-child(5) a:after, .navi li:nth-child(6) a:after{ 
    content: attr(title) ;
}
.navi li a:after{ 
    display:block; 
    margin:28px 0; 
    color:#FF0; 
    font-weight: bold;
}

.content{ border-radius:10px; padding:15px; box-shadow:0 0 5px #666; background:#FFF;
          -moz-column-count:2; -moz-column-gap:20px;
          -webkit-column-count:2; -webkit-column-gap:20px;
          -o-column-count:2; -o-column-gap:20px;
          -ms-column-count:2; -ms-column-gap:20px;}